<script setup>
import sideBar from "@/components/SideBar.vue";

const teamUpMenu = {
  title: "赛事组队",
  path: "/teamUp",
  children: [
    { id: 1, title: "组队大厅", path: "/teamHub", icon: "icon-shuzhuangtu" },
    { id: 2, title: "我的队伍", path: "/manage", icon: "icon-a-tuandui2" },
  ],
};
</script>
<template>
  <div class="teamUp">
    <sideBar :menuData="teamUpMenu"></sideBar>
    <RouterView class="rightBox"></RouterView>
  </div>
</template>
<style scoped lang="less">
.teamUp {
  display: flex;
  flex-direction: row;
  background-color: #f2f5f5;
  .rightBox {
    margin: 0 auto;
    padding: 30px 0px 50px 0px;
  }
}
</style>